<template>
  <div >
      <el-card class="box-card">
<!--        <div slot="header" class="clearfix">-->
<!--          <span>车辆详细信息</span>-->
<!--        </div>-->

        <el-form ref="form" :model="eqObj" size="small" label-width="120px">


          <el-divider content-position="left">基本信息</el-divider>
          <el-row  >
            <el-col :span="8">
              <el-form-item label="所属单位">
                <el-input v-model = "eqObj.dealer_name" readonly/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="农机制造编号" >
                <el-input v-model = "eqObj.eq_code" readonly/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="农机名称">
                <el-input v-model = "eqObj.eq_name" readonly/>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="8">
              <el-form-item label="农机类型">
                <el-input v-model = "eqObj.eq_type" readonly/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="农机型号">
                <el-input v-model = "eqObj.eq_module" readonly/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="农机品牌" >
                <el-input v-model = "eqObj.eq_pingpai" readonly/>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="8">
              <el-form-item label="农机生产企业">
                <el-input v-model = "eqObj.product_company" readonly/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="农机制造日期">
                <el-input v-model = "eqObj.product_date" readonly/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="农机制造厂家">
                <el-input v-model = "eqObj.eq_company" readonly/>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="8">
              <el-form-item label="车牌号">
                <el-input v-model = "eqObj.eq_plat_number" readonly/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="作业幅宽(米)">
                <el-input v-model = "eqObj.eq_work_width" readonly/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="8">
              <el-form-item label="发动机品牌">
                <el-input v-model = "eqObj.engine_pingpai" readonly/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="发动机型号">
                <el-input v-model = "eqObj.engine_module" readonly/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="发动机型式">
                <el-input v-model = "eqObj.engine_type" readonly/>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="8">
              <el-form-item label="发动机编号">
                <el-input v-model = "eqObj.engine_no" readonly/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="发动机功率(Kw)">
                <el-input v-model = "eqObj.engine_power" readonly/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="发动机燃料类型">
                <el-input v-model = "eqObj.engine_fuel_type" readonly/>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="8">
              <el-form-item label="发动机排放阶段">
                <el-input v-model = "eqObj.engine_out_type" readonly/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="发动机生产企业">
                <el-input v-model = "eqObj.engine_company" readonly/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="8">
              <el-form-item label="环保公开编号">
                <el-input v-model = "eqObj.eq_no_a" readonly/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="机械环保代码">
                <el-input v-model = "eqObj.eq_no_b" readonly/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
            </el-col>
          </el-row>

          <el-row>
            <el-col :span="8">
              <el-form-item label="接口类型" >
                <el-input v-model = "eqObj.interface_type" readonly/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="平台对接码">
                <el-input v-model = "eqObj.interface_code" readonly/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
            </el-col>
          </el-row>

<!--          <el-row>-->
<!--            <el-col :span="24">-->
<!--              <el-form-item label="备注">-->
<!--                <el-input v-model = "eqObj.remark" readonly :rows="3" type="textarea"/>-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--          </el-row>-->

          <el-row>
            <el-divider content-position="left">运行信息</el-divider>
            <el-col :span="8">
              <el-form-item label="总作业面积(亩)">
                <el-input v-model = "eqObj.work_area" readonly/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="总行驶里程(KM)">
                <el-input v-model = "eqObj.distance" readonly/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="总运行时长(H)">
                <el-input v-model = "eqObj.work_cost" readonly/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="最后定位时间">
                <el-input v-model = "eqObj.rcv_time" readonly/>
              </el-form-item>
            </el-col>
            <el-col :span="16">
              <el-form-item label="最新位置">
                <el-input v-model = "eqObj.address" readonly/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="在线状态">
                <el-input v-model = "eqObj.online_status" readonly/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="经度">
                <el-input v-model = "eqObj.longitude" readonly/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="纬度">
                <el-input v-model = "eqObj.latitude" readonly/>
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </el-card>
  </div>
</template>

<script>
import crud from '@/mixins/crud'
import { getEqInfo } from '@/api/jf/equipmentDetialInfo'
import { getDicts } from '@/api/system/dict'
export default {
  name: 'eqInfo',
  components: {},
  mixins: [crud],
  props: {
    eqObj: {
      type: Object,
      default:function(){
        return {}
      }
    }
  },
  data() {
    return {
      eqCode:"",
    }
  },
  created() {
    this.eqCode = this.$route.params.eqCode
    this.$nextTick(() => {
      // 获取设备详细信息
      // getEqInfo({eq_code:this.eqCode}).then(data => {
      //   this.eqObj = data.data
      //   console.log("data.data",data.data)
      // })
    })

  },
  methods: {

  }
}
</script>

<style rel="stylesheet/scss" lang="scss">
.edit-input {
  .el-input__inner {
    border: 1px solid #e5e6e7;
  }
}
</style>

<style scoped>
::v-deep .input-with-select .el-input-group__prepend {
  background-color: #fff;
}
</style>
